jQuery-তে কীবোর্ড ইভেন্টগুলো নিয়ন্ত্রণ করার জন্য keydown() এবং keyup() ফাংশনগুলি ব্যবহার করা হয়। এই ইভেন্টগুলো কীবোর্ড ব্যবহারের সময় কোন কী চাপা হলে বা ছেড়ে দেওয়া হলে ট্রিগার হয়। এই ইভেন্টগুলো ব্যবহার করে আমরা ইনপুট ফিল্ডসে কীবোর্ড ইনপুটগুলির উপর প্রতিক্রিয়া জানাতে পারি।
keydown() ফাংশন
keydown() ইভেন্টটি ট্রিগার হয় যখন একটি কী চাপা হয়। এটি সাধারণত টেক্সট ইনপুটের সময় কী অ্যাকশন সংগ্রহ করার জন্য ব্যবহৃত হয়।
উদাহরণ:
$(document).ready(function(){
$("input").keydown(function(event){
console.log("Key pressed:", event.key, "Code:", event.keyCode);
});
});
এই কোডটি যেকোনো ইনপুট ফিল্ডে একটি কী চাপা হলে কী এবং কী কোড কনসোলে দেখাবে।
keyup() ফাংশন
keyup() ইভেন্টটি ট্রিগার হয় যখন একটি কী ছেড়ে দেওয়া হয়। এটি কীবোর্ড ইনপুটের শেষে প্রতিক্রিয়া জানাতে ব্যবহৃত হয়।
উদাহরণ:
$(document).ready(function(){
$("input").keyup(function(event){
console.log("Key released:", event.key);
});
});
এই কোডটি যেকোনো ইনপুট ফিল্ডে একটি কী ছেড়ে দেওয়া হলে কী কনসোলে দেখাবে।
কীবোর্ড ইভেন্ট ব্যবহারের কারণ
- ভ্যালিডেশন: ব্যবহারকারী যেন নির্দিষ্ট ধরণের ডেটা ইনপুট করে সেটি নিশ্চিত করা।
- ডাইনামিক রেসপন্স: ব্যবহারকারীর ইনপুটের ভিত্তিতে ইন্টারফেসে তাত্ক্ষণিক পরিবর্তন প্রদান করা।
- হট কীস: শর্টকাট কী ব্যবহারের মাধ্যমে ব্যবহারকারীর কাজ দ্রুত করা।
jQuery-র keydown() এবং keyup() ফাংশনগুলি ওয়েব ডেভেলপারদের কীবোর্ড ইভেন্টগুলি সহজে হ্যান্ডেল করতে সাহায্য করে। এগুলি ব্যবহার করে, ডেভেলপাররা ব্যবহারকারীর ইন্টার্যাকশনকে আরও ইন্টারেক্টিভ এবং সমৃদ্ধ করতে পারেন, যা অ্যাপ্লিকেশনের উপযোগিতা এবং কার্যকারিতা উন্নত করে।
Read more
